<template>
  <div class="profile-container">
    <h2>用户资料</h2>
    <div class="profile-info">
      <p>用户名: {{ username }}</p>
      <p>邮箱: {{ email }}</p>
      <button @click="editProfile">编辑资料</button>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      username: '默认用户',
      email: 'user@example.com'
    }
  },
  methods: {
    editProfile() {
      this.$router.push('/edit-profile')
    }
  }
}
</script>

<style scoped>
.profile-container {
  padding: 20px;
}
.profile-info {
  margin-top: 15px;
  line-height: 1.6;
}
button {
  margin-top: 10px;
  padding: 8px 16px;
  background: #1890ff;
  color: white;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}
</style>
